<!-- 商品尺码 -->
<template>
  <div v-if="Object.keys(goodsparam).length !==0">
      <img :src="goodsparam.image" alt="">
      <table>
         <tr v-for="(item,index) in goodsparam.sizes[0]" :key="index">
                <td v-for="(item,index) in item" :key="index">{{item}}</td>
         </tr>
      </table>
      <table>
         <tr v-for="item in goodsparam.infos" :key="item.key">
                <td>{{item.key}}</td>
                <td class="red">{{item.value}}</td>
         </tr>

      </table>
   
  </div>
</template>

<script>
export default {
  name:"Xgoodsparam",
  props: {
     goodsparam:{
        type:Object,
        default(){
          return {}
        }
     }
  }
  
}

</script>
<style  scoped>

table{
   width:100%;
   font-size: 10px;
   margin-left:10px;
}
tr{
      width:100%;
      height: 45px;
      line-height: 45px;
}
td{
  width: 20px;
 
}
.red{
   color: red;
   margin-left: 45px;
}
</style>